<template>
  <div>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="o_id" label="工作队名称" align="center" /> 

    </el-table>
    <page></page>
  </div>
</template>

<script >
import axios from 'axios'
import { ref } from "vue"
// 导入ref  用于做响应式处理
export default {
  setup() {

    const o_id = ref("")
    const o_name = ref("")
    const team_name = ref("")

    let tableData = ref([])
    axios({
      url: "http://172.16.123.99:8080/organization/findtoporganizationList",
      method: "post",
    }).then(
      resp => {
        console.log(resp.data.data);

        tableData.value = JSON.parse(resp.data.data)
      }
    )
    //3.导出   如果想要数据在外部渲染 必须得导出
    return {

      tableData,
      o_name,
      team_name,
      o_id
    };

  },


}
</script>
<style scoped>
.name {
  text-align: left;
}

.total {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.mybtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.body {

  display: flex;
  justify-content: space-between
}

.myStructure {
  width: 15%;
}

.list {
  width: 80%;
}
</style>